<template>
  <div>
    <article v-html="MD" />
  </div>
</template>

<script setup>
import { reactive } from "vue";
import MD from "./index.md"
import { useHighLight } from '@/hooks/md'

useHighLight()
const formData = reactive({
  name: "",
  age: "",
  sex: "",
  hobby: "",
  height: "",
});

const apiData = {
  name: "test",
  age: 18,
  sex: "male",
  otherInfo: {
    hobby: "play game",
    height: 180,
  },
};

({ name: formData.name } = apiData);

({
  otherInfo: { hobby: formData.hobby },
} = apiData);
</script>
